<template>
    <view class="main">
        <eui-postcard :dataList="dataList" top='0px' type="blue" width="600px" height="80px" :options="options">
            <template #icons>
                <view style='width:10px;height:10px;background-color: red;'></view>
            </template>
        </eui-postcard>
    </view>
</template>

<script setup lang="ts">
const dataList = ref([
    {
        "c_title": "标题1",
        "c_no": "标签2内容_1",
        "c_name": "标签3内容_1",
    },
    {
        "c_title": "标题2",
        "c_no": "标签2内容_2",
        "c_name": "标签3内容_2",
    },
    {
        "c_title": "标题3",
        "c_no": "标签2内容_3",
        "c_gname": "标签3内容_3",
    },
]);

const options = ref([
    { label: '标签1', name: 'c_title' },
    { label: '标签2', name: 'c_no' },
    { label: '标签3', name: 'c_name' }
])

const customTitleStyle = {
    color: 'blue',
    fontSize: '16px',
    fontWeight: 'bold',
};

const customContentStyle = {
    color: 'blue',
    fontSize: '12px',
    fontWeight: 'bold',
}

</script>

<route lang="json">{
    "style": {
        "navigationBarTitleText": "Card"
    }
}</route>

<style>
.main {
    background-color: #F4F4F4;
    display: flex;
    padding: 0;
    width: 100%;
    height: 100%;
    flex-direction: column;
}
</style>